<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../static/zysstatic/resume/css/index.css" />
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
		<link rel="stylesheet" href="../static/zysstatic/resume/css/common.css" />
		<!-- 基本样式 -->
		<link rel="stylesheet" href="css/animate.min.css" />
		<!-- 动画效果 -->
	</head>

	<body>
		<div id="all">
			<div class="con">
				<form action="#" method="get">
					<div class="form_time">
						<input type="text" name="time" placeholder="请输入时间" />
					</div>
					<div class="form_Education">
						<select id="education">
							<option>初中</option>
							<option>高中</option>
							<option>中专</option>
							<option>大专</option>
							<option>本科</option>
						</select>
					</div>
					<div class="form_btn">
						<button class="btn">
       						 <span class="glyphicon glyphicon-search"></span>
   					    </button>
					</div>
				</form>

				<div class="table_a">
					<table class="table table-bordered" id="mytable">
						<thead>
							<tr>
								<th>ID</th>
								<th>城市</th>
								<th>邮编</th>
								<th>城市</th>
								<th>邮编</th>
								<th>状态 </th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Tanmay</td>
								<td>Bangalore</td>
								<td>560001</td>
								<td>Tanmay</td>
								<td>Bangalore</td>
								<td ides="0">通过</td>
								<td>
									<button class="btn btn_a demo0">安排面试</button>
								</td>
							</tr>
							<tr>
								<td>Tanmay</td>
								<td>Bangalore</td>
								<td>560001</td>
								<td>Tanmay</td>
								<td>Bangalore</td>
								<td>560001</td>
								<td>560001</td>
							</tr>
							<tr>
								<td>Tanmay</td>
								<td>Bangalore</td>
								<td>560001</td>
								<td>Tanmay</td>
								<td>Bangalore</td>
								<td>560001</td>
								<td>560001</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

		</div>

				<!-- demo end -->
				<!-- 注意：请将要放入弹框的内容放在比如id="HBox"的容器中，然后将box的值换成该ID即可，比如：$(element).hDialog({'box':'#HBox'}); -->
				<div id="HBox">
					<form action="" method="post" onsubmit="return false;">
						<ul class="list">
							<li>
								<input type="text" placeholder="请输入日期" id="time" />
							</li>
							</li>
							<li><input type="submit" value="确认提交" class="submitBtn" /></li>
						</ul>
					</form>
				</div>
				<!-- HBox end -->
		<!-- wrapper end -->
	</body>
	<script src="../jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.hDialog.min.js"></script>

	<script type="text/javascript">
		$(function() {
			/*
			alert($("tr>td[ides='0']").text());
			var tds = $("td").attr("ides");
			$sdfg = $("<a ides=''>")
			if(tds=="0"){
				
			}*/
			/*$(".btn_a").click(function() {
				alert(1)
				window.open('xx.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
			})*/

			var $el = $('.dialog');
			$el.hDialog();

			//带标题的
			$('.demo0').hDialog({
				title: '安排面试时间',
				height: 200
			});

			//提交并验证表单
			$('.submitBtn').click(function() {
				var reg = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])\s+(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;
				var regExp = $("#time").val();
				alert(regExp)
				if(reg.test(regExp) == false) {　　
					alert("日期格式不正确，正确格式为：yyyy-MM-dd HH:mm:ss ");　　
					return;
				} else {
					$.tooltip('提交成功，2秒后自动关闭', 2000, true);
					setTimeout(function() {
						$el.hDialog('close', {
							box: '#HBox'
						});
					}, 2000);
				}
			});

		});
	</script>

</html>